	/*当小于1200时,使用 980的版心
 * 17
 */

@media screen and (max-width:1217px) {
	.box {
		width: 980px;
	}
	header nav> ul>li {
		margin-left: 34px;
	}
	.content .plist .pitem .pitemimg01,
	.content .plist .pitem .pitemimg02 {
		display: none;
	}
	.content .plist .pitem .pitemimg03,
	.content .plist .pitem .pitemimg04 {
		margin-right: 0;
		margin-left: 52px;
	}
}


/*当小于980时,使用 768的版心
 * 17
 */

@media screen and (max-width:997px) {
	.box {
		width: 768px;
	}
	header nav {
		width: 238px;
		padding-top: 16px;
	}
	header nav> ul>li {
		/*margin-left: 34px;*/
		margin-top: 14px;
	}
	/*760-320 =440  +8 margin-right*/
	.content .plist .pitem .pitemimg03 {
		width: 320px;
		margin-left: 0px;
		margin-right: 8px;
	}
	.content .plist .pitem .pitemimg04 {
		width: 440px;
		margin-left: 0px;
	}
}


/*当小于768时,使用 480的版心
 * 17
 */

@media screen and (max-width:785px) {
	.box {
		width: 480px;
	}
	header .logo {
		width: 100%;
	}
	/*隐藏两个小人*/
	header .headRight .row2 {
		display: none;
	}
	header nav {
		width: 100%;
		padding-top: 2px;
	}
	header nav> ul>li {
		margin-left: 9px;
	}
	.content .plist .pitem .pitemimg03 {
		display: block;
	}
	.content .plist .pitem .pitemimg04 {
		/*width: 100%;*/
		display: none;
	}
	.content .plist .pitem .pitemimg01 {
		display: block;
	}
	.content .plist .pitem .pitemimg02 {
		display: none;
	}
	footer .col3 {
		/* float: left; */
		/* width: 31%; */
		float: none;
		width: 100%;
		/*margin-left: 15px;*/
	}
}


/*当小于480时,使用 100%的版心
 * 17
 */

@media screen and (max-width:497px) {
	.box{
		width: 100%;
		/*min-width: 320px;*/
	}
}